<template>
  <map style="width: 750rpx;height: 100%" :longitude="longitude" :latitude="latitude" :markers="markers">

  </map>
</template>

<script>
export default {
  props: ['center',],
  data() {
    return {
      latitude: null,
      longitude: null,
      title: null,
      markers: []
    }
  },
  onLoad({latitude, longitude, title}) {
    this.latitude = parseFloat(latitude)
    this.longitude = parseFloat(longitude)
    this.title = title
    this.markers = [
      {
        latitude: this.latitude,
        longitude: this.longitude,
        title,
        id: 1,
        iconPath: '/static/map/mark_r.png',
        width: 20,
        height: 30
      }
    ]

    console.log('this.markers', this.markers)
  },
  methods: {}
}
</script>

<style lang="scss">
page {
  height: 100%;
}
</style>
